﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="cache-control" content="no-cache">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Z Icon Library - Generator</title>
		<link rel="shortcut icon" href="images/logo.png">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
		<link rel="stylesheet" href="css/bootstrap-zzzprojects-theme.min.css">

	</head>
	
	<body>
	
		<!-- navbar !-->
		<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" target="_blank" href="http://www.zzzprojects.com/icon-library/" style=""><img src="http://www.zzzprojects.com/resources/images/all/logo-only.png" alt="ZZZ Projects" style="height: 25px;"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					 <ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">File <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a id="uiNewProjectLink" href="#">New Projet</a></li>
								<li><a id="uiOpenLink" href="#">Open</a></li>
								<li class="divider"></li>
								<li><a id="uiSaveLink" href="#">Save</a></li>
								<li><a id="uiSaveAsLink" href="#">Save As...</a></li>
								<li class="divider"></li>
								<li><a id="uiCloseProjectLink" href="#">Close Project</a></li>
								<li class="divider"></li>
								<li><a id="uiExitLink" href="#">Exit</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Help <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="http://www.zzzprojects.com/guides/icon-library/index.html" target="_blank">View Guide</a></li>
								<li class="divider"></li>
								<li><a href="http://www.zzzprojects.com/contact-us/" target="_blank">Contact Us</a></li>
								<li><a href="http://www.zzzprojects.com/about-us/" target="_blank">About Us</a></li>
								<li class="divider"></li>
								<li><a href="http://www.zzzprojects.com/products/" target="_blank">More products</a></li>
							</ul>
						</li>
					</ul>
					
					<ul class="nav navbar-nav navbar-right">
						<li><a href="http://zzzprojects.com/products/about-us/" target="_blank">About Us</a></li>
						<li><a href="http://zzzprojects.com/products/contact-us/" target="_blank" class="btn btn-tryit" style="color: white; padding-bottom: 5px; padding-top: 5px;"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Contact Us</a></li>
						<li>&nbsp;&nbsp;&nbsp;</li>
						<li><a href="http://zzzprojects.com/products/" target="_blank" class="btn btn-tryit" style="color: white; padding-bottom: 5px; padding-top: 5px;"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;MORE PRODUCTS</a></li>
						<li>&nbsp;&nbsp;&nbsp;</li>
					</ul>
				</div>
			</div>
		</nav>
		
		
		<div id="container" class="container" style="padding-top: 15px;">
			
			<div class="row">
				<div class="col-md-9">
					<div class="panel">
						<div class="panel-heading"><h3>Step 1 - Project Settings</h3></div>
						<div class="panel-body">
							<div>This section allow you to set your general projects settings</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label id="uiProjectNameLabel" class=" valid" for="uiProjectName">Project Name *</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="This field is the project name used in your solution. By example, Z.IconLibrary."></span>
										<input id="uiProjectName" type="text" class="form-control" placeholder="Enter your project name" />
									</div>
									<div class="form-group">
										<label id="uiProjectNamespaceLabel" class=" valid" for="uiProjectNamespace">Project Namespace *</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="The project namespace"></span>
										<input id="uiProjectNamespace" type="text" class="form-control" placeholder="Enter your project namespace" />
									</div>
								</div>
								<div class="col-sm-6">
									<label>.NET Framework Support</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="This field is .NET Framework version used in your solution."></span>
									<div class="radio">
										<label>
											<input id="uiFrameworkNet35Option" type="radio" name="frameworkOptions" id="uiFrameworkNet35" value="uiFrameworkNet35Option" checked>.NET Framework 3.5+
										</label>
									</div>
									<div class="radio">
										<label>
											<input id="uiFrameworkNet20Option" type="radio" name="frameworkOptions" id="uiFrameworkNet20" value="uiFrameworkNet20Option">.NET Framework 2.0 & 3.0
										</label>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label id="uiDestinationDirectoryLabel" class=" valid" for="uiProjectName">Destination Directory *</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="A new directory named Z_IconProjectLibrary will be created in this directory."></span>
								<div class="input-group">
									<input id="uiDestinationDirectory" type="text" class="form-control" placeholder="Choose your destination directory" />
									<span class="input-group-btn">
										<button id="uiDestinationDirectoryBrowse" class="btn btn-default btn-red">
											<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;Browse Directory
										</button>	
									</span>
								</div>				
							</div>	
						</div>
					</div>
					<div class="panel">
						<div class="panel-heading"><h3>Step 2 - Choose your icons sets</h3></div>
						<div class="panel-body">
							<div>Click on a recent Icon Library project or click 'Browse' to local a project.</div>
							<br />
							<div id="uiErrorStep2" class="alert alert-danger valid" role="alert">
								<div id="uiErrorMandatoryIconPrefix" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The Icon Prefix is mandatory. Your must specify an Icon Prefix.</div>
								<div id="uiErrorMandatoryIconPath" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The Icon Sets directory is mandatory. Your must specify an Icon Sets directory.</div>
								<div id="uiErrorInvalidIconPrefix" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The Icon Prefix is invalid. You must specify a valid icons Prefix.</div>
								<div id="uiErrorInvalidIconPath" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The Icon Sets directory is invalid or doesn't exist. You must specify a existing icons sets directory.</div>
							</div>
							<table id="uiIconSetsTable" class="table table-striped">
								<tr>
									<th>Icon Prefix</th>
									<th>Icon Sets Path</th>
									<th>Action</th>
								</tr>
							</table>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label id="uiIconPrefixLabel" class=" valid" for="uiIconPrefix">Icon Prefix *</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="Icon prefix is the prefix used for the namespace. By example if you set the prefix to 'Icon', the namespace will become [Namespace].Icon.[IconName]"></span>
										<input id="uiIconPrefix" type="text" class="form-control" placeholder="The prefix used " />
									</div>
								</div>
								<div class="col-md-8">
									<label id="uiIconPathLabel" class=" valid" for="uiIconPath">Icon Sets directory *</label>&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="bottom" title="This field is the directory to the icon sets you want in your project."></span>
									<div class="input-group">
										<input id="uiIconPath" type="text" class="form-control" placeholder="Choose your icon sets directory" />
										<span class="input-group-btn">
											<button id="uiIconPathBrowse" class="btn btn-default btn-red">
												<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;Browse Directory
											</button>	
										</span>
									</div>
								</div>
							</div>
							
							<div>
								<button id="uiAddIconSets" class="btn btn-default btn-red">
									<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;Add Icon Sets
								</button>					
							</div>					
						</div>
					</div>
					
					<div id="uiError" class="alert alert-danger valid" role="alert">
						<div id="uiErrorMandatoryProjectName" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The project name is mandatory. You must specify a project name.</div>
						<div id="uiErrorMandatoryProjectNamespace" class=" valid"><span  class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The project namespace is mandatory. You must specify a project namespace.</div>
						<div id="uiErrorMandatoryIconSets" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The icons sets is mandatory. You must specify atleast one icons sets.</div>
						<div id="uiErrorMandatoryDestinationDirectory" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The destination directory is mandatory. You must specify a destination directory.</div>
						<div id="uiErrorInvalidProjectName" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The project name is invalid. You must specify a valid project name.</div>
						<div id="uiErrorInvalidProjectNamespace" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The project namespace is invalid. You must specify a valid project namespace.</div>
						<div id="uiErrorInvalidIconSetPath" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The icons sets directory is invalid or doesn't exist. You must specify a existing icons sets directory.</div>
						<div id="uiErrorInvalidDestinationDirectory" class=" valid"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>&nbsp;The destination directory is invalid or doesn't exist. You must specify a valid destination directory.</div>
					</div>
							
					<button id="uiProjectGenerate" class="btn btn-default btn-red">
						<span class="glyphicon glyphicon-refresh"></span>&nbsp;&nbsp;Save&nbsp;and&nbsp;Generate
					</button>	
					<br /><br />
				
				</div>
				<div class="col-md-3">
					<h3>Liked this Library?</h3>
					<div>Visit our website to see plenty of other Tools for your projects</div>
					<div>
						<a target="_blank" href="http://www.zzzproject.com/">
							<img alt="Visit Website" src="http://zzzproject.com/resources/images/all/logo-visit-us.png" style="width: 100%"></img>
						</a>
					</div>
					<br />
					<div><b>Entity Framework Extensions</b></div>
					<div><a class="red" href="http://www.zzzprojects.com/entity-framework-extensions/" target="_blank">http://zzzprojects.com/entity-framework-extensions/</a></div>
					<div>Entity Framework Extensions gives you the additional tools you need to work on your projects. All the added features were conceived thinking which functionalities would be useful for programmers.</div>
					<br />
					<div><b>Bulk Operations</b></div>
					<div><a class="red" href="http://www.zzzprojects.com/bulk-operations/" target="_blank">http://zzzprojects.com/bulk-operations/</a></div>
					<div>Find out everything about the bulk operations library with all of its innovative features completely conceived to increase your productivity by significantly reducing your application and importation time.</div>
					<br />
					<div><b>Z Extension Methods</b></div>
					<div><a class="red" href="http://www.zzzprojects.com/extension-methods/" target="_blank">http://zzzprojects.com/extension-methods/</a></div>
					<div>Z Extension Methods Library enhances the .NET Framework by adding hundreds of new methods. It drastically increases developers productivity and code readability.</div>
				</div>
			</div>
		
			
		</div>
		
		<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="http://www.zzzprojects.com/" target="_blank" style="color: black;"><img src="http://www.zzzprojects.com/resources/images/all/logo-only.png" alt="ZZZ Projects" style="height: 25px;">&nbsp;ZZZ Projects</a>
				
				</div>
				
				<ul class="nav navbar-nav navbar">
					<li><a href="http://www.zzzprojects.com/" target="_blank" style="text-align: center">Z Icon Library Generator Copyright - Version: 1.0.0 - &copy; 2014 &nbsp;&nbsp; All rights reserved.</a></li>
				 </ul>
				 <ul class="nav navbar-nav navbar-right">
					<li><a href="http://www.zzzprojects.com/icon-library/" target="blank" style="text-align: center">Visit Icon Library Page</a></li>
				 </ul>
			</div>
		</nav>
		

	
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<script>
			$(function () {
			  $('[data-toggle="tooltip"]').tooltip()
			})
		</script>
	</body>
</html>